<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css"/>
		<link rel="stylesheet" type="text/css" href="css/product.css" />
	</head>
	<body>
		<div class="Wrap">
			<div class="product_wrap">
				<div class="nav">
					<div class="nav_center">
						<img src="img/logo.png" class="nav_logo" />
						<div class="nav_btn">
							<div>
								<a href="login.html">登录</a>
							</div>
							<div>
								<a href="about.html">关于</a>
							</div>
							<div>
								<a href="news.php">动态</a>
							</div>
							<div style="background-color: rgb(52, 200, 255);">
								<a href="product.html">产品</a>
							</div>
							<div>
								<a href="first.html">首页</a>
							</div>
						</div>
					</div>
				</div>
				<div id="fullpage">
					<div class="section " id="section0">
						<div class="intro1">
							<img src="img/guestAna.png" class="guestAna"/>
							<h1>客流指标分析</h1>
							<p>专利级的客流分析系统</p>
							<p>5项复合KPI体系，一眼看透客流</p>
							<div class="section0_btn1">
								<a href="analysis.html">查看详情</a>
							</div>
						</div>
					</div>
					<div class="section" id="section1">
						<div class="intro2">
							<div class="intro2_left">
								<h1>用户画像</h1>
								<p>了解客户，拒绝盲目经营</p>
								<p>6大维度/24项目/近300标签</p>
								<div class="section0_btn2">
									<a href="usrImgDetail.html">查看详情</a>
								</div>
							</div>
							<div class="intro2_right">
								<img src="img/userImg.png" class="userImg"/>
							</div>
						</div>
					</div>
					<div class="section" id="section2">
						<div class="intro3">
							<div class="intro3_left">
								<img src="img/router.png" class="router"/>
							</div>
							<div class="intro3_right">
								<h1>智能硬件</h1>
								<p>wi-beacon小个子有大本领</p>
								<p>256M内存/32M闪存/40人在线</p>
								<div class="section0_btn3">
									<a href="第三页/index.html">查看详情</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-1.12.3.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.fullPage.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
	    $(document).ready(function () {
	    	    $('#fullpage').fullpage({
	    	    	    //滚轮速度
	    	    	    scrollingSpeed: 900,
	    	    	    //锚链接
	    	    	    anchors:['analysis', 'user', 'hardware'],
	    	    	    css3: true,
	    	    	    recordHistory: false,
	    	    	    navigation: true,
	    	    	    navigationTooltips: ['客流分析', '用户画像', '智能硬件'],
	    	    	    //键盘导航
	    	    	    keyboardScrolling: true
	    	    });
	    })
	    
		var product_head = document.querySelector(".product_head");
		document.onscroll = function() {
			if (scrollY > 65) {
				product_head.style.backgroundColor = "#17acff";
			} else {
				product_head.style.backgroundColor = "";
			}
		}
	</script>

</html>